.zfont {
  font-size: 18px;
  color: red;
  text-indent: 30px;
  text-decoration-line: underline;
  text-decoration-color: blue;
  text-decoration-style: dashed;
}
.effect_textAlign {
  // display: inline-block;
  text-align: center;
  color: green;
  // text-decoration-line: none;
  // text-decoration-color:palevioletred;
}
.bg_img {
  width: 600px;
  height: 600px;
  background-image: url('../../icons/1.png');
  background-repeat: no-repeat;
  // background-repeat: repeat-x;
  // background-position: right top;
  background-position: -150px -150px;
}
.bfc {
  padding-top: 1px; //塌陷问题：触发bfc
  margin-top: 20px;
  margin-bottom: 20px;
  width: 500px;
  height: 500px;
  background-color: antiquewhite;
  .wrapper {
    padding-top: 1px; //触发bfc
    margin-top: 30px;
    background-color: aqua;
    width: 400px;
    height: 400px;
    .top {
      margin-top: 20px;
      margin-bottom: 170px;//合并现象：top bottom
      width: 100px;
      height: 100px;
      background-color: pink;
    }
    .bottom {
      margin-top: 40px;
      margin-bottom: 70px;
      width: 100px;
      height: 100px;
      background-color: red;

    }
  }
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;

  height: 0;
  visibility: hidden;
}
.sj{
  height: 0px;
  width: 0px;
  border-top: 50px solid transparent;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid red;
}